<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>user details</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<link rel="stylesheet" type="text/css" href="css/style2.css" />
<link rel="stylesheet" type="text/css" href="css/mystyle.css" />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--fonts start-->
<link href='http://fonts.useso.com/css?family=Ruluko' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Work+Sans:400,600,500,700,800,900,200,300' rel='stylesheet' type='text/css'>
<!--//fonts-->
<script type="text/javascript" src="js/jquery.js"></script>
	<!-- start-smoth-scrolling -->
</head>
<body>

<!--horizan start here-->
<div class="top-navg ">
	<div class="container1">
		<div class=" logo1 wow tada" data-wow-delay="0.3s">
			<a href=#><img src="images/summer.png" alt=""></a>
		</div>
		<div class="navigation1 ">
			 <input type="text" node-type="searchInput" autocomplete="off" value="" class="form-control1" placeholder="search what you like"/>
			 <a href=# class="a-search"><span class="glyphicon glyphicon-search"></span></a>
		</div>
		<div class="navigation">	
			<div class="menu menu-li">
				<ul class="menu-list">
					<li class="menu-item menu-item-current"><a href=# class="menu-link"><span class="glyphicon glyphicon-home"></span>&nbsp&nbsp首页</a></li>
					<li class="menu-item"><a href=# class="menu-link"><span class="glyphicon glyphicon-th-large"></span>&nbsp&nbsp发现</a></li>			
					<li class="menu-item"><a href=# class="menu-link"><span class="glyphicon glyphicon-user"></span>&nbsp&nbsp用户</a></li>
					<li class="menu-item"><a href=# class="menu-link"><span class="glyphicon glyphicon-envelope"></span>&nbsp&nbsp联系我</a></li>
				</ul>
				
				
			</div>

			 <script>
				   $( "span.menu-ic" ).click(function() {
					 $( ".navigation ul" ).slideToggle( 300, function() {
					 // Animation complete.
					  });
					 });
				</script>
	</div>
	<div class="navigation menu-line"></div>
	<ul class=" head-icons wow bounceInRight" data-wow-delay="0.3s">
				 		<li><a href="#"><span class="fa"> </span></a></li>
				 		<li><a href="#"><span class="tw"> </span></a></li>
				 	</ul>
	<div class="clearfix"></div>
</div>
</div>
<!--mother grid start here-->

<div class="main-grid-one2"  id="one">
<!---welcome-->
<div class="ud-mid-box">
<div class="ud-mid-box-top"><div class="ud-mid-box-top-img"><img src="images/a2.jpg" width="100px" height="100px" style="border-radius:50%; overflow:hidden;"></img></div><div class="ud-mid-box-top-name"><h2>仙人掌和飞猫</h2></div></div>
<div class="ud-mid-box-mid"></div>
<div class="ud-mid-box-but">
<div class="ud-left-part"><div class="ud-left-part1"></div><div class="ud-left-part2"></div></div>
<div class="ud-right-part">
<div class="ud-right-con">
<iframe scrolling="no" frameborder="0" allowtransparency="true" src="user/userInformation.jsp" style="width: 627px; height: 645px; margin: 20px;"></iframe>
</div>
</div>
</div>
</div>
</div>

<!--footer end here-->
    <div class="copy-right wow shake" data-wow-delay="0.3s">
    	 <p>Copyright &copy; 2016.Company name All rights reserved.<a target="_blank" href=javascripte:void(0)>for study.</a></p>
    </div>
    


<!-- animated-css -->
		<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
		<script src="js/wow.min.js"></script>
		<script>
		 new WOW().init();
		</script>
<!-- animated-css -->

</body>
</html>
